<template>
  <div>
    <div class="panel">
      <div class="layui-container">
        <ul>
          <li><a href="http://">首页</a></li>
          <li><a href="http://">提问</a></li>
          <li><a href="http://">分享</a></li>
          <li><a href="http://">讨论</a></li>
          <li><a href="http://">建议</a></li>
          <li><a href="http://">公告</a></li>
          <li><a href="http://">动态</a></li>
          <li class="line"></li>
          <li><a href="http://">我发表的贴</a></li>
          <li><a href="http://">我收藏的贴</a></li>
        </ul>
        <div class="right">
           <Icon type="ios-search-outline" class="iview-search" />
          <Button type="success">发表新帖</Button>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Home",
  data() {
    return {
      msg: "hello world",
      unit: {
        name: "",
        image,
        type: "",
        price: "",
      },
      list: [],
    };
  },
  methods: {},
};
</script>
<style lang="scss" scoped>
.panel{
  position: relative;
  height: 50px;
  line-height: 50px;
  margin-bottom: 15px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
ul{
  li{
    display: inline-block;
    a{
      padding: 0 20px;
    }
  }
}
.line{
  display: inline-block;
  height: 10px;
  width: 1px;
  background: #e2e2e2;
  vertical-align: middle;
  margin: 0 20px;
}
.right{
  position: absolute;
  right: 0;
  top: 0;
  .iview-search{
    margin-right: 10px;
  }
}
</style>
